<!DOCTYPE html>
<html>
<head>

<style type="text/css">

/* just to improve vissibility */
td {
   border-width: 3px;
   border-style: solid;
}

</style>

</head>
<body>
    <table border="5" style="border-color:blue;">
    <caption>TABLE with CSS border-color:blue</caption>
      <tr>
        <td style="border-color: black;">Row 1</td>
      </tr>
      <tr>
        <td style="color:red; border-color: red;">Row 2</td>
      </tr>
      <tr>
        <td style="border-color:green">Row 3</td>
      </tr>
    </table>
<br>

    <table border="5" style="border-color: orange;">
    <caption>TABLE with HTML bordercolor attribute=orange</caption>
      <tr>
        <td style="border-color: orange">Row 1</td>
      </tr>
      <tr>
        <td style="color:red; border-color: orange">Row 2</td>
      </tr>
      <tr>
        <td style="border-color:green">Row 3</td>
      </tr>
    </table>
<br>

    <table border="5" style="border-color:blue;">
    <caption>TABLE with CSS border-color:blue and HTML bordercolor attribute=orange</caption>
      <tr>
        <td style="border-color: blue;">Row 1</td>
      </tr>
      <tr>
        <td style="color:red; border-color: blue;">Row 2</td>
      </tr>
      <tr>
        <td style="border-color:green">Row 3</td>
      </tr>
    </table>

</body>
</html>
